<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-冷链追溯</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
</head>

<body>
    <!--头部-->
    <div class="g_header">
        <div class="g_hea_g1">
            <div class="g_hea_g2">
                <!-- <span class="g_hea_img1" id="trigger-overlay"></span> -->
                <img src="images/yly-logo.png" alt="">
                <span class="g_hea_img1" id="trigger-overlay">
                    <img src="images/logo-menu.png" alt="">
                </span>
                <div class="g_hea_login">管理员管理员,欢迎您登陆
                    <span></span>
                    <div class="userboxinfo userboxinfob">
                        <ul class="ul_userlist">
                            <li>
                                <a href="/updatePwd">修改密码</a>
                            </li>
                            <li>
                                <a href="/logout">退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="g_hear">
                    <a href="#">
                        <img src="images/icon_home.png">首页</a>
                    <a href="#">
                        <img src="images/sf1_07.png">传链社区</a>
                    <a href="#">
                        <img src="images/sf1_09.png">服务中心</a>
                    <a href="message.html">
                        <i>22</i>消息</a>
                </div>
            </div>
        </div>
        <div class="overlay overlay-genie " data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z"
            id="g_hea_con">
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none" class="svg1">
                <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z" />
            </svg>
            <ul class="g_hea_ul">
                <li class="li1">System Management</li>
                <li class="li2">基础资料</li>
                <li class="li3">耗材管理</li>
                <li class="li4">科室管理</li>
                <li class="li5">财务管理</li>
                <li class="li6">统计查询</li>
            </ul>
            <div class="g_hea_ulbox">
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li>系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="sfy_nav.html" class="g_hea_a1">用户参数设置1</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1 active">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置2</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置3</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置4</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置5</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置6</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
            </div>
            <img src="images/cross.png" class="g_hea_close">
        </div>
    </div>
    <!-- 流程图-->
    <!--<div class="g_He_bx">
        <dl class="flow_link">
            <dt>物流商流程</dt>
            <dd class="active"><span>物流订单接受</span></dd>
            <dd><span>集单</span></dd>
            <dd><span>订单调度</span></dd>
            <dd><span>仓储安排</span></dd>
            <dd><span>运输安排</span></dd>
            <dd><span>物流订单分发</span></dd>
        </dl>
    </div>-->
    <!-- end流程图-->
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">冷链追溯</a></li>
            </ol>
            <h3 class="current_module">冷链追溯</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <div class="content llzs_content" id="idvue">
        <h2 v-text="title"><i v-text="time"></i></h2>
        <div class="port-select clearfix">
            <ul>
                <li><a href="javascript:;" class="connector port-temperature">冷库温控</a></li>
                <li><a href="javascript:;" class="connector port-track">实时配送追踪</a></li>
                <li><a href="javascript:;" class="connector port-tracing on">历史追溯</a></li>
                <li><a href="javascript:;" class="connector port-abnormal">异常历史记录</a></li>
            </ul>
        </div>
        <!-- 实时配送追踪 -->
        <div class="bd-lft" style="padding-left: 420px;">
            <div class="main layui-form llzs_table">
                <dl>
                    <dt>
                        <p v-text="goodslist[0].historicalTit"></p>
                    </dt>
                    <dd>
                        <span v-text="goodslist[0].historicalFormat"></span>
                        <span v-text="goodslist[0].historicalStock"></span>
                        <span v-text="goodslist[0].historicalCompany"></span>
                        <span v-text="goodslist[0].historicalBatch"></span>
                    </dd>
                </dl>
                <dl v-for="table in tablelist1 | filterBy 1 in 'id'">
                    <dt>
                        <span v-text="table.time"></span>
                        <b v-text="table.process"></b>
                    </dt>
                    <dd>
                        <table class="table table-route">
                            <thead>
                                <tr v-for="tableth in table.tablethtit.Datas">
                                    <th v-text="tableth.no"></th>
                                    <th v-text="tableth.type"></th>
                                    <th v-text="tableth.invoice"></th>
                                    <th v-text="tableth.number"></th>
                                    <th v-text="tableth.item"></th>
                                    <th v-text="tableth.batch"></th>
                                    <th v-text="tableth.temperature"></th>
                                    <th v-text="tableth.supplier"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="tableth in table.tabletd.Datas">
                                    <td v-text="tableth.no"></td>
                                    <td v-text="tableth.type"></td>
                                    <td v-text="tableth.invoice"></td>
                                    <td v-text="tableth.number" class="text_right"></td>
                                    <td v-text="tableth.item" class="text_right"></td>
                                    <td v-text="tableth.batch"></td>
                                    <td v-text="tableth.temperature" class="text_right"></td>
                                    <td v-text="tableth.supplier"></td>
                                </tr>
                            </tbody>
                        </table>
                    </dd>
                </dl>
                <!-- 温度记录曲线 -->
                <dl class="mt-20">
                    <dt>
                        <span v-text="temperatureTime1"></span>
                        <b v-text="temperatureProcess"></b>
                    </dt>
                    <dd>
                        <div class="temperature_curve01">
                            <div id="temperatureCharts1" style="width: 100%;height:145px;"></div>
                        </div>
                    </dd>
                </dl>
                <!-- end 温度记录曲线 -->
                <dl v-for="table in tablelist2">
                    <dt>
                        <span v-text="table.time "></span>
                        <b v-text="table.process"></b>
                    </dt>
                    <dd>
                        <table class="table table-route ">
                            <thead>
                                <tr v-for="tableth in table.tablethtit.Datas">
                                    <th v-text="tableth.no "></th>
                                    <th v-text="tableth.type "></th>
                                    <th v-text="tableth.invoice "></th>
                                    <th v-text="tableth.number "></th>
                                    <th v-text="tableth.item "></th>
                                    <th v-text="tableth.batch "></th>
                                    <th v-text="tableth.temperature "></th>
                                    <th v-text="tableth.customer "></th>
                                    <th v-text="tableth.freezer "></th>
                                    <th v-text="tableth.box "></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="tableth in table.tabletd.Datas ">
                                    <td v-text="tableth.no "></td>
                                    <td v-text="tableth.type "></td>
                                    <td v-text="tableth.invoice "></td>
                                    <td v-text="tableth.number " class="text_right "></td>
                                    <td v-text="tableth.item " class="text_right "></td>
                                    <td v-text="tableth.batch "></td>
                                    <td v-text="tableth.temperature " class="text_right "></td>
                                    <td v-text="tableth.customer "></td>
                                    <td v-text="tableth.freezer " class="text_right "></td>
                                    <td v-text="tableth.box "></td>
                                </tr>
                            </tbody>
                        </table>
                    </dd>
                </dl>
                <dl v-for="table in tablelist3">
                    <dt>
                        <span v-text="table.time "></span>
                        <b v-text="table.process"></b>
                    </dt>
                    <dd>
                        <table class="table table-route ">
                            <thead>
                                <tr v-for="tableth in table.tablethtit.Datas ">
                                    <th v-text="tableth.no "></th>
                                    <th v-text="tableth.carnumber "></th>
                                    <th v-text="tableth.driver "></th>
                                    <th v-text="tableth.start " style="width: 10%; "></th>
                                    <th v-text="tableth.end " style="width: 10%; "></th>
                                    <th v-text="tableth.time "></th>
                                    <th v-text="tableth.temperature "></th>
                                    <th v-text="tableth.customer "></th>
                                    <th v-text="tableth.freezer "></th>
                                    <th v-text="tableth.box "></th>
                                    <th v-text="tableth.salesnumber "></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="tableth in table.tabletd.Datas ">
                                    <td v-text="tableth.no "></td>
                                    <td v-text="tableth.carnumber "></td>
                                    <td v-text="tableth.driver "></td>
                                    <td v-text="tableth.start " style="width: 10%; "></td>
                                    <td v-text="tableth.end " style="width: 10%; "></td>
                                    <td v-text="tableth.time "></td>
                                    <td v-text="tableth.temperature "></td>
                                    <td v-text="tableth.customer "></td>
                                    <td v-text="tableth.freezer "></td>
                                    <td v-text="tableth.box "></td>
                                    <td v-text="tableth.salesnumber "></td>
                                </tr>
                            </tbody>
                        </table>
                    </dd>
                </dl>
                <!-- 温度记录曲线 and 配送过程回放 -->
                <dl>
                    <!-- <dt>
                        <span v-text="temperatureTime2"></span>
                    </dt> -->
                    <dd>
                        <div class="temperature_curve01">
                            <div id="temperatureCharts2" style="width: 100%;height:145px;"></div>
                        </div>
                        <div class="temperature_curve01">
                            <p>{{processTit}}<i id="Mapshow"></i></p>
                            <div class="distribution_process ">
                                <div class="distribution_img  mapla fl" id="allmap" style="margin-top:0px;width:40%;height:115px; "></div>
                                <ul>
                                    <li>
                                        <p><b>司机</b>{{car.sj}}</p>
                                        <p><b>车牌</b>{{car.cp}}</p>
                                        <p><b>订单</b>{{car.dd}}</p>
                                    </li>
                                    <li>
                                        <p><b>品规数</b>{{car.pgs}}</p>
                                        <p><b>客户</b>{{car.kh}}</p>
                                        <p><b>件数</b>{{car.pgs}}</p>
                                    </li>
                                    <li>
                                        <p class="tac"><b>监控温度</b><span>{{car.wd}}</span></p>
                                    </li>
                                </ul>
                                <!-- <ul>
                                    <li><b>司机</b>{{car.sj}}</li>
                                    <li><b>品规数</b>{{car.pgs}}</li>
                                    <li><b>监控温度</b>{{car.wd}}</li>
                                    <li><b>车牌</b>{{car.cp}}</li>
                                    <li><b>客户</b>{{car.kh}}</li>
                                    <li><b>监控湿度</b>{{car.wdnum}}</li>
                                    <li><b>订单</b>{{car.dd}}</li>
                                    <li><b>件数</b>{{car.pgs}}</li>
                                    <li><b>车外温度</b>{{car.cwwd}}</li>
                                </ul> -->
                            </div>
                        </div>
                    </dd>
                </dl>
                <!-- end 温度记录曲线 and 配送过程回放 -->
                <dl v-for="table in tablelist1 | filterBy 2 in 'id' ">
                    <dt>
                        <span v-text="table.time "></span>
                        <b v-text="table.process"></b>
                    </dt>
                    <dd>
                        <table class="table table-route ">
                            <thead>
                                <tr v-for="tableth in table.tablethtit.Datas ">
                                    <th v-text="tableth.no "></th>
                                    <th v-text="tableth.type "></th>
                                    <th v-text="tableth.invoice "></th>
                                    <th v-text="tableth.number "></th>
                                    <th v-text="tableth.item"></th>
                                    <th v-text="tableth.batch "></th>
                                    <th v-text="tableth.temperature "></th>
                                    <th v-text="tableth.supplier "></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="tableth in table.tabletd.Datas ">
                                    <td v-text="tableth.no "></td>
                                    <td v-text="tableth.type "></td>
                                    <td v-text="tableth.invoice "></td>
                                    <td v-text="tableth.number " class="text_right "></td>
                                    <td v-text="tableth.item " class="text_right "></td>
                                    <td v-text="tableth.batch "></td>
                                    <td v-text="tableth.temperature " class="text_right "></td>
                                    <td v-text="tableth.supplier "></td>
                                </tr>
                            </tbody>
                        </table>
                    </dd>
                </dl>
            </div>
            <div class="aside " style="width: 390px; left: -420px; ">
                <div class="llzs_car layui-form ">
                    <div class="row ">
                        <div class="col-lg-12 col-md-12 ">
                            <div class="input-group form-required ">
                                <span class="input-group-addon " id="basic-addon1 ">商品</span>
                                <input v-model="history.name" type="text " class="form-control" placeholder="">
                            </div>
                        </div>
                    </div>
                    <div class="row ">
                        <div class="col-lg-12 col-md-12 ">
                            <div class="input-group ">
                                <span class="input-group-addon " id="basic-addon1 ">单据号</span>
                                <input v-model="history.number" type="text" class="form-control" placeholder="">
                            </div>
                        </div>
                    </div>
                    <div class="row ">
                        <div class="col-lg-12 col-md-12 ">
                            <div class="input-group form-required ">
                                <span class="input-group-addon " id="basic-addon1 ">开始日期</span>
                                <input v-model="history.startTime" type="text" class="form-control" placeholder="" action="date">
                            </div>
                        </div>
                    </div>
                    <div class="row ">
                        <div class="col-lg-12 col-md-12 ">
                            <div class="input-group form-required ">
                                <span class="input-group-addon " id="basic-addon1 ">结束日期</span>
                                <input v-model="history.endTime" disabled type="text" class="form-control" placeholder="" action="date">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="llzs_car mt-20 tac ">
                    <span>冷链全流程</span>
                    <ul>
                        <li class="on ">
                            <span><img src="images/llzs_process01.png " alt=" "></span>
                            <p>供应商</p>
                        </li>
                        <li class="on ">
                            <span><img src="images/llzs_process02.png " alt=" "></span>
                            <p>仓库</p>
                        </li>
                        <li class="on ">
                            <span><img src="images/llzs_process03.png " alt=" "></span>
                            <p>运输</p>
                        </li>
                        <li>
                            <span><img src="images/llzs_process04.png " alt=" "></span>
                            <p>客户</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end 实时配送追踪 -->
    </div>
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <!-- 弹窗 -->
    <div id="MapShow" style="display: none;">
        <div class="distribution_img mapla" id="allmap02" style="margin-top:0px;width:100%;height:400px;"></div>
    </div>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=onm6QXE7G4Ier25v6mfcCdeFD4CmK4gR"></script>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts.min.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
        $(function() {
            $('#Mapshow').on('click', function() {
                app.layeropen({
                    type: 1,
                    area: '700px',
                    title: '配送过程回放',
                    closeBtn: 1,
                    // btn: ['确定','取消'],
                    skin: 'popup-btn',
                    content: $('#MapShow').html()
                })
            });
        })
    </script>
    <!--vue -->
    <script type="text/javascript" src="lib/vue.min.js "></script>
    <script type="text/javascript" src="lib/vue-filter.min.js "></script>
    <script type="text/javascript" src="js/vue/vue_components.js "></script>
    <script type="text/javascript" src="js/components/llzs_3.js "></script>
    <!--end vue-->
    <!--<div class="idmaphide">
        <div id="idmaphide"></div>
    </div>-->
</body>

</html>